<%--
  Created by IntelliJ IDEA.
  User: 如烟
  Date: 2020/9/23
  Time: 12:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="description" content="Hotel Template">
    <meta name="keywords" content="Hotel, unica, creative, html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>假日酒店</title>

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Taviraj:300,400,500,600,700,800,900&display=swap"
          rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">

    <!-- Css Styles -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/flaticon.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/linearicons.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/nice-select.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/slicknav.min.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/css/userCSS/style.css" type="text/css">
</head>

<body>
<!-- Page Preloder -->
<div id="preloder">
    <div class="loader"></div>
</div>

<!-- Header Section Begin -->
<header class="header-section other-page">
    <div class="container-fluid">
        <div class="inner-header">
            <div class="logo">
                <a href="${pageContext.request.contextPath}/user/hotelInit"><img src="${pageContext.request.contextPath}/static/img/logo.png" alt=""></a>
            </div>
            <div class="top-widget">
                <div class="top-info address">
                    <img src="${pageContext.request.contextPath}/static/img/placeholder.png" alt="">
                    <span><a href="https://www.gaode.com/search?id=B001C7X368&city=510104&geoobj=103.270242%7C30.172919%7C105.552962%7C31.199055&query_type=IDQ&query=%E6%98%A5%E7%86%99%E8%B7%AF&zoom=9.35">成都市</a> </span>
                </div>
                <div class="top-info phone-num">
                    <img src="${pageContext.request.contextPath}/static/img/phone.png" alt="">
                    <span>028-82879625</span>
                </div>
            </div>
            <div class="container">
                <nav class="main-menu mobile-menu">
                    <ul>
                        <li><a href="${pageContext.request.contextPath}/user/index">主页</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/aboutusInit">关于</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/homeShowInit">房间</a>
                            <ul class="drop-menu">
                                <%--                                <c:forEach items="${allRoom}" var="allRoom"></c:forEach>--%>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=总统套房">总统套房</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=普通海景房">普通海景房</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=单人间">单人间</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=双人间">双人间</a></li>
                                <li><a href="${pageContext.request.contextPath}/user/eachRoomShow?type=三人间">三人间</a></li>
                            </ul>
                        </li>
                        <li><a href="${pageContext.request.contextPath}/user/serviceShowInit">服务</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/newShowInit">公告</a></li>
                        <li><a href="${pageContext.request.contextPath}/user/contactInit">联系</a></li>
                    </ul>
                </nav>
            </div>
            <div id="mobile-menu-wrap"></div>
        </div>
    </div>
</header>
<!-- Header End -->

<!-- Hero Section Begin -->
<section class="hero-section set-bg" data-setbg="${pageContext.request.contextPath}/static/img/contact-bg.jpg">
    <div class="hero-text">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1>联系我们</h1>
                </div>
            </div>
            <div class="page-nav">
                <a href="${pageContext.request.contextPath}/user/newShowInit" class="left-nav"><i class="lnr lnr-arrow-left"></i> 公告</a>
            </div>
        </div>
    </div>
</section>
<!-- Hero Section End -->

<!-- Contact Section Begin -->
<section class="contact-section spad">
    <div class="container">
        <div class="row">
            <div class="col-lg-6">
                <div class="contact-left">
                    <div class="contact-information">
                        <h2>联系信息</h2>
                        <ul>
                            <li><img src="${pageContext.request.contextPath}/static/img/placeholder-copy.png" alt="">
                                <span>四川省成都市</span></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/phone-copy.png" alt=""> <span>028-82879625</span></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/envelop.png" alt=""> <span>990258262@qq.com</span></li>
                            <li><img src="${pageContext.request.contextPath}/static/img/clock-copy.png" alt=""> <span>每天: 06:00 -22:00</span></li>
                        </ul>
                    </div>
                    <div class="social-links">
                        <h2>通过下列方式了解我们:</h2>
                        <a href="#"><i class="fa fa-facebook"></i></a>
                        <a href="#"><i class="fa fa-instagram"></i></a>
                        <a href="#"><i class="fa fa-linkedin"></i></a>
                        <a href="#"><i class="fa fa-pinterest"></i></a>
                        <a href="#"><i class="fa fa-twitter"></i></a>
                        <a href="#"><i class="fa fa-youtube-play"></i></a>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="contact-form">
                    <h5><span style="color: darkorange">建</span><span style="color: #e47214">议</span>  ...</h5>
                    <form action="${pageContext.request.contextPath}/user/addAdvice" method="post" id="addAdvice">
                        <div class="row">
                            <div class="col-lg-12">
                                <p>请提出您宝贵的意见和建议</p>
                                <div class="input-group">
                                    <input type="text" name="userName" id="userName" placeholder="您的名字">
                                    <span style="color: red" id="userName2"></span>
                                    <img src="${pageContext.request.contextPath}/static/img/edit.png" alt="">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="input-group">
                                    <input type="email" name="email" id="email" placeholder="邮箱">
                                    <span style="color: red" id="email2"></span>
                                    <img src="${pageContext.request.contextPath}/static/img/envelop-copy.png" alt="">
                                </div>
                            </div>
                            <div class="col-lg-6">
                                <div class="input-group phone-num">
                                    <input type="text" name="phone" id="phone" placeholder="电话">
                                    <span style="color: red" id="phone2"></span>
                                    <img src="${pageContext.request.contextPath}/static/img/phone-copy.png" alt="">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="message">
                                    <p>意见和建议</p>
                                    <div class="textarea">
                                        <textarea placeholder="感谢您对本店的大力支持..." name="advice" id="advice"></textarea>
                                        <span style="color: red" id="advice2"></span>
                                        <img src="${pageContext.request.contextPath}/static/img/speech-copy.png" alt="">
                                    </div>
                                    <span style="color: #fd7e14">${msg}</span>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <button type="button" onclick="addAdvice()">发送 <i class="lnr lnr-arrow-right"></i></button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Contact Section End -->

<!-- Map Section Begin -->
<div class="map">
    <iframe
            src="https://map.baidu.com/search/%E6%98%A5%E7%86%99%E8%B7%AF/@11586747.065182725,3567099.6000000006,19z?querytype=s&da_src=shareurl&wd=%E6%98%A5%E7%86%99%E8%B7%AF&c=75&src=0&pn=0&sug=0&l=18&b=(11586118.042331193,3566543.720192926;11587245.767604504,3567073.8098070743)&from=webmap&biz_forward=%7B%22scaler%22:2,%22styles%22:%22pl%22%7D&device_ratio=2"
            height="560" style="border:0;" allowfullscreen=""></iframe>
</div>
<!-- Map Section End -->

<!-- Footer Section Begin -->
<footer class="footer-section">
    <div class="container">
        <div class="row">
            <div class="col-lg-12">
                <div class="footer-logo">
                    <a href="#"><img src="${pageContext.request.contextPath}/static/img/logo.png" alt=""></a>
                </div>
            </div>
        </div>
        <div class="row pb-50">
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>地址</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-map-marker"></i>
                        <p>四川省, <br />成都市</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>前台</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82879625</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>接车服务</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82823625</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-sm-6">
                <div class="single-footer-widget">
                    <h5>餐厅</h5>
                    <div class="widget-text">
                        <i class="lnr lnr-phone-handset"></i>
                        <p>028-82823825</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright-area">
        <div class="container">
            <div class="copyright-text"><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright &copy;<script>document.write(new Date().getFullYear());</script>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></div>
            <div class="privacy-links">
                <a href="#">隐私政策</a>
            </div>
        </div>
    </div>
</footer>
<!-- Footer Section End -->

<!-- Js Plugins -->
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery-3.3.1.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/bootstrap.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.magnific-popup.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.nice-select.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/jquery.slicknav.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/owl.carousel.min.js"></script>
<script src="${pageContext.request.contextPath}/static/js/userJS/main.js"></script>
<script>
    function addAdvice() {
        var userName = $('#userName').val()
        var email = $('#email').val()
        var phone = $('#phone').val()
        var advice = $('#advice').val()
        if (userName == "") {
            $('#userName2').text("请输入您的名字")
            return false
        }if (email == "") {
            $('#email2').text("请输入您的邮箱")
            return false
        }if (phone == "") {
            $('#phone2').text("请输入您的电话号码")
            return false
        }if (advice == "") {
            $('#advice2').text("请填写您的建议")
            return false
        }
        $("#addAdvice").submit()
    }
</script>

</body>

</html>
